<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>显示数据三种方案</title>
  <style>
    [v-cloak] {
      display: none;
    }
  </style>
</head>
<body>

  <div id="app" v-cloak>
    <p>{{num1}}</p>
    <input type="text" v-model="num2"/>
    <div v-html="text"></div>
  </div>
  
  <script src="../lib/vue.3.4.js"></script>
  <script>
    const app = Vue.createApp({
      data () {
        return {
          num1: 100,
          num2: 200,
          text: `<a href="http://www.baidu.com">百度一下</a>`
        }
      }
    }).mount('#app');
  </script>
</body> 
</html>